let JDarr=[
    {img:'./upload/nav1.webp',user:'超市'},
    {img:'./upload/nav2.webp',user:'全网购'},
    {img:'./upload/nav3.webp',user:'充值'},
    {img:'./upload/nav1.webp',user:'超市'},
    {img:'./upload/nav2.webp',user:'全网购'},
    {img:'./upload/nav3.webp',user:'充值'},
    {img:'./upload/nav1.webp',user:'超市'},
    {img:'./upload/nav2.webp',user:'全网购'},
    {img:'./upload/nav3.webp',user:'充值'},
    
]

// 分类部分
let int=document.querySelector('.int')
// 创建并循环数组
JDarr.forEach(function(open){
    // 创建一个元素
    console.log(open);
    let div=document.createElement('div')
    div.innerHTML=` <img src="${open.img}" alt=""></img>
    <p>${open.user}</p>`
    int.appendChild(div)
})





